<html><head></head><body><h1 id="theme-next-canvas-nest"><a class="markdownIt-Anchor" href="#theme-next-canvas-nest"></a> Theme NexT Canvas Nest</h1>
<p><img src="https://img.shields.io/badge/NexT-v7.3.0+-blue?style=flat-square" alt="Theme Version"></p>
<p><a href="https://github.com/hustcc/canvas-nest.js">canvas-nest.js</a> for <a href="https://github.com/theme-next">NexT</a>.</p>
<h2 id="install"><a class="markdownIt-Anchor" href="#install"></a> Install</h2>
<h3 id="step-1-go-to-hexo-dir"><a class="markdownIt-Anchor" href="#step-1-go-to-hexo-dir"></a> Step 1 → Go to Hexo dir</h3>
<p>Change dir to <strong>Hexo</strong> directory. There must be <code>scaffolds</code>, <code>source</code>, <code>themes</code> and other directories:</p>
<pre class="highlight"><code class="sh">$ <span class="hljs-built_in">cd</span> hexo
$ ls
scaffolds  <span class="hljs-built_in">source</span>  themes  _config.yml  package.json
</code></pre>
<h3 id="step-2-create-footerswig"><a class="markdownIt-Anchor" href="#step-2-create-footerswig"></a> Step 2 → Create <code>footer.swig</code></h3>
<p>Create a file named <code>footer.swig</code> in <code>hexo/source/_data</code> directory (create <code>_data</code> directory if it does not exist).</p>
<p>Edit this file and add the following content:</p>
<pre class="highlight"><code class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">color</span>=<span class="hljs-string">"0,0,255"</span> <span class="hljs-attr">opacity</span>=<span class="hljs-string">"0.5"</span> <span class="hljs-attr">zIndex</span>=<span class="hljs-string">"-1"</span> <span class="hljs-attr">count</span>=<span class="hljs-string">"99"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.jsdelivr.net/npm/canvas-nest.js@1/dist/canvas-nest.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
</code></pre>
<p>You can customize these options.</p>
<h3 id="step-3-set-it-up"><a class="markdownIt-Anchor" href="#step-3-set-it-up"></a> Step 3 → Set it up</h3>
<p>In the NexT <code>_config.yml</code>, uncomment <code>footer</code> under the <code>custom_file_path</code> section.</p>
<pre class="highlight"><code class="yml"><span class="hljs-comment"># Define custom file paths.</span>
<span class="hljs-comment"># Create your custom files in site directory `source/_data` and uncomment needed files below.</span>
<span class="hljs-attr">custom_file_path:</span>
  <span class="hljs-comment">#head: source/_data/head.swig</span>
  <span class="hljs-comment">#header: source/_data/header.swig</span>
  <span class="hljs-comment">#sidebar: source/_data/sidebar.swig</span>
  <span class="hljs-comment">#postMeta: source/_data/post-meta.swig</span>
  <span class="hljs-comment">#postBodyEnd: source/_data/post-body-end.swig</span>
  <span class="hljs-attr">footer:</span> <span class="hljs-string">source/_data/footer.swig</span>
  <span class="hljs-comment">#bodyEnd: source/_data/body-end.swig</span>
  <span class="hljs-comment">#variable: source/_data/variables.styl</span>
  <span class="hljs-comment">#mixin: source/_data/mixins.styl</span>
  <span class="hljs-comment">#style: source/_data/styles.styl</span>
</code></pre>
<script type="text/javascript" charset="utf-8" src="/js/lazyload-plugin/lazyload.intersectionObserver.min.js"></script></body></html>